<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/layer/layer.js"></script>
</head>

<body>
    <!-- <script>
        $(function () {
            $(".fenlei").parents().slideDown().addClass().siblings().removeClass
        })
    </script> -->
    <header class="header">
        <div class="header-content main">
            <div class="header-content-logo">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="header-content-right">
                <a href="" class="title">首页</a>
                <a href="" class="title">
                    <div class="fenlei">产品分类</div>
                </a>
                <div class="product">
                    <div class="content">
                        <a href="" class="list movetop">
                            <img src="./images/p-list1.png" alt="">
                            <span>剃须刀</span>
                            <i></i>
                        </a>

                        <a href="" class="list">
                            <img src="./images/p-list2.png" alt="">
                            <span>电吹风</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list3.png" alt="">
                            <span>理发器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list4.png" alt="">
                            <span>电动牙刷</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list5.png" alt="">
                            <span>烫发器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list6.png" alt="">
                            <span>挂烫机</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list7.png" alt="">
                            <span>熨烫机</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list8.png" alt="">
                            <span>毛球修剪器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list9.png" alt="">
                            <span>加湿器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list10.png" alt="">
                            <span>USB智能插座</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list11.png" alt="">
                            <span>健康秤</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list12.png" alt="">
                            <span>女士剃毛器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list13.png" alt="">
                            <span>鼻毛修剪器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list14.png" alt="">
                            <span>配件</span>
                            <i></i>
                        </a>
                    </div>
                </div>
                <div class="search"><input type="text" placeholder="剃须刀"></div>
                <span class="sp1">
                    <a href="">
                        <img src="./images/Shopping cart.png" alt="">
                    </a>

                    <span id="count" class="count">0</span>
                    <div class="cart-specially">
                        <div class="messagebox">
                            <!-- <div class="top">
                                <img src="./images/car-specially1.png" alt="">
                                <div class="txt">
                                    <div class="name">飞科小星球剃须刀FS201</div>
                                    <div class="itemcount">x 1</div>
                                </div>
                                <div class="price">
                                    ￥<span>169</span>
                                </div>
                            </div> -->
                        </div>
                        <div class="down " style="display: none;">
                            <span class="name">商品总计</span>
                            <span class="qian">￥</span>
                            <span class="sumprice qian">
                            </span>
                            <button class="lookcar">查看购物车</button>
                        </div>

                        <div class="imgbox" style="display: none;">
                            <img src="./images/carblock.png" alt="">
                            <p>购物车没有商品,赶紧选购吧</p>
                        </div>
                    </div>


                </span>
                <span class="sp2 langding">
                    <a href="javascript:void(0)">
                        <img src="./images/personal.png" alt="">
                    </a>
                    <!-- <div>
                        <a href="">个人中心</a>
                        <a href="">我的订单</a>
                        <a href="">退出登录</a>
                    </div> -->
                </span>
            </div>
        </div>

    </header>
    <!-- 这里面的addcart只是单纯的渲染那个移入移入的购物车的事件而已 -->
    <script src="./js/addcart.js"></script>
    <script src="./js/header.js"></script>

    <div class="banner">
        <div class="banner1">
            <img src="./images/banner.jpg" alt="">
        </div>
        <div class="banner2 main">
            <div class="b-figure">
                <div class="imglist"><img src="./images/Carousel figure1.jpg" alt=""></div>
                <div class="imglist"><img src="./images/Carousel figure2.jpg" alt=""></div>
                <div class="imglist"><img src="./images/Carousel figure3.jpg" alt=""></div>
                <div class="imglist"><img src="./images/Carousel figure4.jpg" alt=""></div>
                <div class="imglist"><img src="./images/Carousel figure5.jpg" alt=""></div>
            </div>
            <div class="point">
                <!-- <span class="pointlist point-active"></span>
                <span class="pointlist"></span>
                <span class="pointlist"></span>
                <span class="pointlist"></span>
                <span class="pointlist"></span> -->
            </div>
        </div>
    </div>


    <script src="./js/banner.js"></script>

    <div class="content">
        <div class="content1 main">
            <div class="c-1-title">
                <h3>销量TOP</h3>
            </div>
        </div>

        <div class="content2">
            <div class="c-2info main">
                <div class="c-2info-left">
                    <span class="item">总排行榜</span>
                    <span class="item">剃须刀排行榜</span>
                    <span class="item">电吹风排行榜</span>
                    <span class="item">理发器排行榜</span>
                    <span class="item">毛球修剪器排行榜</span>
                    <span class="item">智能插座排行榜</span>
                    <span class="item">熨烫系列排行榜</span>
                </div>

                <div class="c-2info-right">
                    <a href="index2.html">
                        <div class="zuo">
                            <div class="top"><img src="./images/zongpaitop1.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top2</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai1.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="index1.html">
                        <div class="zhong">
                            <div class="top"><img src="./images/zongpaitop2.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top1</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai21.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="">
                        <div class="you">
                            <div class="top"><img src="./images/zongpaitop3.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top3</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai1.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="c-2info-right" style="display: none;">
                    <a href="javascript:void(0);">
                        <div class="zuo">
                            <div class="top"><img src="./images/zongpaitop1.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top2</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai2.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="zhong">
                            <div class="top"><img src="./images/zongpaitop2.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top1</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai2.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);">
                        <div class="you">
                            <div class="top"><img src="./images/zongpaitop3.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top3</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai2.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                </div>

                <div class="c-2info-right" style="display: none;">
                    <a href="javascript:void(0);">
                        <div class="zuo">
                            <div class="top"><img src="./images/zongpaitop1.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top2</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai3.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);">
                        <div class="zhong">
                            <div class="top"><img src="./images/zongpaitop2.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top1</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai3.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:void(0);">
                        <div class="you">
                            <div class="top"><img src="./images/zongpaitop3.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top3</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai3.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                </div>

                <div class="c-2info-right" style="display: none;">
                    <a href="javascript:void(0);">
                        <div class="zuo">
                            <div class="top"><img src="./images/zongpaitop1.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top2</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai4.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="zhong">
                            <div class="top"><img src="./images/zongpaitop2.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top1</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai4.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="you">
                            <div class="top"><img src="./images/zongpaitop3.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top3</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai4.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                </div>

                <div class="c-2info-right" style="display: none;">
                    <a href="javascript:void(0);">
                        <div class="zuo">
                            <div class="top"><img src="./images/zongpaitop1.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top2</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai5.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="zhong">
                            <div class="top"><img src="./images/zongpaitop2.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top1</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai5.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="you">
                            <div class="top"><img src="./images/zongpaitop3.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top3</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai6.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                </div>

                <div class="c-2info-right" style="display: none;">
                    <a href="javascript:void(0);">
                        <div class="zuo">
                            <div class="top"><img src="./images/zongpaitop1.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top2</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai6.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="zhong">
                            <div class="top"><img src="./images/zongpaitop2.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top1</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai6.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="you">
                            <div class="top"><img src="./images/zongpaitop3.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top3</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai6.png" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                </div>

                <div class="c-2info-right" style="display: none;">
                    <a href="javascript:void(0);">
                        <div class="zuo">
                            <div class="top"><img src="./images/zongpaitop1.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top2</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai7.jpg" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="zhong">
                            <div class="top"><img src="./images/zongpaitop2.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top1</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai7.jpg" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                    <a href="javascript:void(0);">
                        <div class="you">
                            <div class="top"><img src="./images/zongpaitop3.png" alt=""></div>
                            <div class="bottom">
                                <div class="number">
                                    <span>Top3</span>
                                </div>
                                <div class="b-img"><img src="./images/zongpai7.jpg" alt=""></div>
                                <div class="txt">
                                    <h3>飞科电吹风FH6232</h3>
                                    <strong>健康柔风/强劲电机/折叠手柄</strong>
                                </div>
                            </div>
                        </div>
                    </a>

                </div>
            </div>
        </div>

        <div class="content3">
            <div class="c-3content main">
                <div class="title">
                    <h3>剃须刀</h3>
                    <div class="title-more">
                        <span>查看更多</span>
                        <img data-lazy-src="./images/more.png" alt="">
                    </div>
                </div>
                <div class="info">
                    <div class="info-item item1">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-3info-item1.png" alt="">
                        </div>
                        <div class="item-mid">
                            <img data-lazy-src="./images/gouwuche1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="info-item item2">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-3info-item1.png" alt="">
                            <div class="tags"><img data-lazy-src="./images/tags1.png" alt=""></div>
                        </div>
                        <div class="item-mid">
                            <img data-lazy-src="./images/gouwuche1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="info-item item3">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-3info-item1.png" alt="">
                            <div class="tags"><img data-lazy-src="./images/tags1.png" alt=""></div>
                        </div>
                        <div class="item-mid">
                            <img data-lazy-src="./images/gouwuche1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="info-item item4">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-3info-item1.png" alt="">
                            <div class="tags"><img data-lazy-src="./images/tags1.png" alt=""></div>
                        </div>
                        <div class="item-mid">
                            <img data-lazy-src="./images/gouwuche1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="info-item item5">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-3info-item1.png" alt="">
                        </div>
                        <div class="item-mid">
                            <img data-lazy-src="./images/gouwuche1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content4">
            <div class="bluebox">
                <div class="c-4content main">
                    <div class="title">
                        <h3>电吹风</h3>
                        <div class="title-more">
                            <span>查看更多</span>
                            <img data-lazy-src="./images/more2.png" alt="">
                        </div>
                    </div>
                    <div class="info">
                        <div class="info-item">
                            <img data-lazy-src="./images/c-4infoimg1.jpg" alt="">
                            <div class="tags">
                                <img data-lazy-src="./images/c-4tags1.png" alt="">
                            </div>
                            <div class="bottomtxt">
                                <span class="sp1">飞科智能电吹风FH6286</span>
                                <span class="sp2">旋转调温/LED温度显示/负离子护发</span>
                                <span class="sp3">
                                    <h3>￥</h3>
                                    <span class="sp3-money">239.00</span>
                                </span>
                            </div>
                        </div>
                        <div class="info-item">
                            <img data-lazy-src="./images/c-4infoimg1.jpg" alt="">
                            <div class="tags">
                                <img data-lazy-src="./images/c-4tags1.png" alt="">
                            </div>
                            <div class="bottomtxt">
                                <span class="sp1">飞科智能电吹风FH6286</span>
                                <span class="sp2">旋转调温/LED温度显示/负离子护发</span>
                                <span class="sp3">
                                    <h3>￥</h3>
                                    <span class="sp3-money">239.00</span>
                                </span>
                            </div>
                        </div>
                        <div class="info-item">
                            <img data-lazy-src="./images/c-4infoimg1.jpg" alt="">
                            <div class="tags">
                                <img data-lazy-src="./images/c-4tags1.png" alt="">
                            </div>
                            <div class="bottomtxt">
                                <span class="sp1">飞科智能电吹风FH6286</span>
                                <span class="sp2">旋转调温/LED温度显示/负离子护发</span>
                                <span class="sp3">
                                    <h3>￥</h3>
                                    <span class="sp3-money">239.00</span>
                                </span>
                            </div>
                        </div>
                        <div class="info-item">
                            <img data-lazy-src="./images/c-4infoimg1.jpg" alt="">
                            <div class="tags">
                                <img data-lazy-src="./images/c-4tags1.png" alt="">
                            </div>
                            <div class="bottomtxt">
                                <span class="sp1">飞科智能电吹风FH6286</span>
                                <span class="sp2">旋转调温/LED温度显示/负离子护发</span>
                                <span class="sp3">
                                    <h3>￥</h3>
                                    <span class="sp3-money">239.00</span>
                                </span>
                            </div>
                        </div>
                        <div class="info-item">
                            <img data-lazy-src="./images/c-4infoimg1.jpg" alt="">
                            <div class="tags">
                                <img data-lazy-src="./images/c-4tags1.png" alt="">
                            </div>
                            <div class="bottomtxt">
                                <span class="sp1">飞科智能电吹风FH6286</span>
                                <span class="sp2">旋转调温/LED温度显示/负离子护发</span>
                                <span class="sp3">
                                    <h3>￥</h3>
                                    <span class="sp3-money">239.00</span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content5">
            <div class="c-5content main">
                <div class="title">
                    <h3>理发器</h3>
                    <div class="title-more">
                        <span>查看更多</span>
                        <img data-lazy-src="./images/more.png" alt="">
                    </div>
                </div>
                <div class="info">
                    <div class="info-item item1">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-5img1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="info-item item2">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-5img1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="info-item item3">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-5img1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="info-item item4">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-5img1.png" alt="">
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                    <div class="info-item item5">
                        <div class="item-top">
                            <img data-lazy-src="./images/c-5img1.png" alt="">
                            <div class="tags">
                                <img data-lazy-src="./images/c-5tags.png" alt="">
                            </div>
                        </div>
                        <div class="item-down">
                            <span class="sp1">飞科只能感应剃须刀FS927</span>
                            <span class="sp2">创新黑科技 智能感应式剃须刀</span>
                            <span class="sp3">
                                <h3>￥</h3>
                                <span class="sp3-money">239.00</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content6">
            <div class="c-6content">
                <div class="c-6beijingse">
                    <div class="c-6info main">
                        <div class="title">
                            <h3>剃须刀</h3>
                            <div class="title-more">
                                <span>查看更多</span>
                                <img data-lazy-src="./images/more.png" alt="">
                            </div>
                        </div>
                        <div class="info-item">
                            <div class="item itemzuo">
                                <div class="item1">
                                    <img data-lazy-src="./images/c-6infoimg.jpg" alt="">
                                </div>
                                <div class="item2">
                                    <div class="name">飞科卷直烫发器</div>
                                    <div class="tag">
                                        <span class="pic">
                                            <p>
                                                <img data-lazy-src="./images/c-6tag.png" alt="">
                                                "恒温护发"
                                            </p>
                                        </span>
                                        <span class="pic">
                                            <p>
                                                <img data-lazy-src="./images/c-6tag.png" alt="">
                                                "恒温护发"
                                            </p>
                                        </span>
                                        <span class="pic">
                                            <p>
                                                <img data-lazy-src="./images/c-6tag.png" alt="">
                                                "恒温护发"
                                            </p>
                                        </span>
                                    </div>
                                    <div class="price">
                                        <span>
                                            <h3>￥</h3>
                                            <span>49.90</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="item itemyou">
                                <div class="item1">
                                    <img data-lazy-src="./images/c-6infoimg.jpg" alt="">
                                </div>
                                <div class="item2">
                                    <div class="name">飞科卷直烫发器</div>
                                    <div class="tag">
                                        <span class="pic">
                                            <p>
                                                <img data-lazy-src="./images/c-6tag.png" alt="">
                                                "恒温护发"
                                            </p>
                                        </span>
                                        <span class="pic">
                                            <p>
                                                <img data-lazy-src="./images/c-6tag.png" alt="">
                                                "恒温护发"
                                            </p>
                                        </span>
                                        <span class="pic">
                                            <p>
                                                <img data-lazy-src="./images/c-6tag.png" alt="">
                                                "恒温护发"
                                            </p>
                                        </span>
                                    </div>
                                    <div class="price">
                                        <span>
                                            <h3>￥</h3>
                                            <span>49.90</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content7">
            <div class="c-content7">
                <div class="c-7info main">
                    <div class="title">
                        <h3>毛球修剪器</h3>
                        <div class="title-more">
                            <span>查看更多</span>
                            <img data-lazy-src="./images/more.png" alt="">
                        </div>
                    </div>
                    <div class="info-item">
                        <span class="item1 item">
                            <div class="txtbox" style="display: none;">
                                <div class="txt">
                                    <div class="txtinfo">
                                        <div class="top">飞科毛球修剪器FR5266</div>
                                        <p>精钢6叶刀片,瀑布落差式吸风系统</p>
                                        <div class="price">
                                            <h3>￥</h3>
                                            <span class="money">34.90</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="imgbox" style="opacity: 1;">
                                <img data-lazy-src="./images/c-7infoimg1.jpg" alt="">
                            </div>
                        </span>

                        <span class="item2 item">
                            <div class="txtbox" style="display: none;">
                                <div class="txt">
                                    <div class="txtinfo">
                                        <div class="top">飞科毛球修剪器FR5266</div>
                                        <p>精钢6叶刀片,瀑布落差式吸风系统</p>
                                        <div class="price">
                                            <h3>￥</h3>
                                            <span class="money">34.90</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="imgbox" style="opacity: 1;">
                                <img data-lazy-src="./images/c-7infoimg1.jpg" alt="">
                                <div class="tags">
                                    <img data-lazy-src="./images/c-7tags1.png" alt="">
                                </div>
                            </div>
                        </span>
                        <span class="item3 item">
                            <div class="txtbox" style="display: none;">
                                <div class="txt">
                                    <div class="txtinfo">
                                        <div class="top">飞科毛球修剪器FR5266</div>
                                        <p>精钢6叶刀片,瀑布落差式吸风系统</p>
                                        <div class="price">
                                            <h3>￥</h3>
                                            <span class="money">34.90</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="imgbox" style="opacity: 1;">
                                <img data-lazy-src="./images/c-7infoimg1.jpg" alt="">
                                <div class="tags">
                                    <img data-lazy-src="./images/c-7tags1.png" alt="">
                                </div>
                            </div>
                        </span>
                        <span class="item4 item">
                            <div class="txtbox" style="display: none;">
                                <div class="txt">
                                    <div class="txtinfo">
                                        <div class="top">飞科毛球修剪器FR5266</div>
                                        <p>精钢6叶刀片,瀑布落差式吸风系统</p>
                                        <div class="price">
                                            <h3>￥</h3>
                                            <span class="money">34.90</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="imgbox" style="opacity: 1;">
                                <img data-lazy-src="./images/c-7infoimg1.jpg" alt="">
                            </div>
                        </span>
                        <span class="item5 item">
                            <div class="txtbox" style="display: none;">
                                <div class="txt">
                                    <div class="txtinfo">
                                        <div class="top">飞科毛球修剪器FR5266</div>
                                        <p>精钢6叶刀片,瀑布落差式吸风系统</p>
                                        <div class="price">
                                            <h3>￥</h3>
                                            <span class="money">34.90</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="imgbox" style="opacity: 1;">
                                <img data-lazy-src="./images/c-7infoimg1.jpg" alt="">
                            </div>
                        </span>
                        <span class="item6 item">
                            <div class="txtbox" style="display: none;">
                                <div class="txt">
                                    <div class="txtinfo">
                                        <div class="top">飞科毛球修剪器FR5266</div>
                                        <p>精钢6叶刀片,瀑布落差式吸风系统</p>
                                        <div class="price">
                                            <h3>￥</h3>
                                            <span class="money">34.90</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="imgbox" style="opacity: 1;">
                                <img data-lazy-src="./images/c-7infoimg1.jpg" alt="">
                            </div>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="content8">
            <div class="c-content8">
                <div class="c-8beijingse">
                    <div class="info main">
                        <div class="title">
                            <h3>智能插座</h3>
                            <div class="title-more">
                                <span>查看更多</span>
                                <img data-lazy-src="./images/more.png" alt="">
                            </div>
                        </div>
                        <div class="info-item" id="waterfall-container">
                            <div class="item">
                                <img data-lazy-src="./images/c-8img1.jpg" alt="">
                                <div class="tags">
                                    <img data-lazy-src="./images/c-8tags1.png" alt="">
                                </div>
                                <div class="txt">
                                    <div class="lefttxt">
                                        <h3>飞科插座转换器</h3>
                                        <span>独立安全保护门/750度安全阻燃</span>
                                    </div>
                                    <div class="righttxt">
                                        <h3>￥</h3>
                                        <span>49.90</span>
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                                <img data-lazy-src="./images/c-8img2.jpg" alt="">
                                <div class="tags">
                                    <img data-lazy-src="./images/c-8tags1.png" alt="">
                                </div>
                                <div class="txt">
                                    <div class="lefttxt">
                                        <h3>飞科插座转换器</h3>
                                        <span>独立安全保护门/750度安全阻燃</span>
                                    </div>
                                    <div class="righttxt">
                                        <h3>￥</h3>
                                        <span>49.90</span>
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                                <img data-lazy-src="./images/c-8img3.jpg" alt="">
                                <div class="txt">
                                    <div class="lefttxt">
                                        <h3>飞科插座转换器</h3>
                                        <span>独立安全保护门/750度安全阻燃</span>
                                    </div>
                                    <div class="righttxt">
                                        <h3>￥</h3>
                                        <span>49.90</span>
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                                <img data-lazy-src="./images/c-8img4.jpg" alt="">
                                <div class="txt">
                                    <div class="lefttxt">
                                        <h3>飞科插座转换器</h3>
                                        <span>独立安全保护门/750度安全阻燃</span>
                                    </div>
                                    <div class="righttxt">
                                        <h3>￥</h3>
                                        <span>49.90</span>
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                                <img data-lazy-src="./images/c-8img5.jpg" alt="">
                                <div class="txt">
                                    <div class="lefttxt">
                                        <h3>飞科插座转换器</h3>
                                        <span>独立安全保护门/750度安全阻燃</span>
                                    </div>
                                    <div class="righttxt">
                                        <h3>￥</h3>
                                        <span>49.90</span>
                                    </div>
                                </div>
                            </div>

                            <div class="item">
                                <img data-lazy-src="./images/c-8img6.jpg" alt="">
                                <div class="txt">
                                    <div class="lefttxt">
                                        <h3>飞科插座转换器</h3>
                                        <span>独立安全保护门/750度安全阻燃</span>
                                    </div>
                                    <div class="righttxt">
                                        <h3>￥</h3>
                                        <span>49.90</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="./js/bootstrap-waterfall.js"></script>

        <div class="content9">
            <div class="c-content9 main">
                <div class="c-9banner ">
                    <img data-lazy-src="./images/c-9banner.png" alt="">
                </div>
            </div>
        </div>
        <div class="content10">
            <div class="c-content10">
                <div class="info">
                    <div class="info-item">
                        <dl class="item">
                            <dt><img data-lazy-src="./images/c-10img1.png" alt=""></dt>
                            <dd>电动牙刷</dd>
                        </dl>
                        <dl class="item">
                            <dt><img data-lazy-src="./images/c-10img1.png" alt=""></dt>
                            <dd>电动牙刷</dd>
                        </dl>
                        <dl class="item">
                            <dt><img data-lazy-src="./images/c-10img1.png" alt=""></dt>
                            <dd>电动牙刷</dd>
                        </dl>
                        <dl class="item">
                            <dt><img data-lazy-src="./images/c-10img1.png" alt=""></dt>
                            <dd>电动牙刷</dd>
                        </dl>
                        <dl class="item">
                            <dt><img data-lazy-src="./images/c-10img1.png" alt=""></dt>
                            <dd>电动牙刷</dd>
                        </dl>
                        <dl class="item">
                            <dt><img data-lazy-src="./images/c-10img1.png" alt=""></dt>
                            <dd>电动牙刷</dd>
                        </dl>
                        <dl class="item">
                            <dt><img data-lazy-src="./images/c-10img1.png" alt=""></dt>
                            <dd>电动牙刷</dd>
                        </dl>
                    </div>
                </div>
                <div class="arrleft arrow">&lt;</div>
                <div class="arrright arrow">&gt;</div>
            </div>
        </div>
        <div class="content11">
            <ul class="info">
                <li class="txt">
                    <span class="sp1">售后服务热线</span>
                    <span class="sp2">400-887-8282</span>
                </li>
                <li class="imgbox">
                    <a href="">
                        <img data-lazy-src="./images/c-11feike.png" alt="">
                    </a>
                    <a href="">
                        <img data-lazy-src="./images/c-11weibo.png" alt="">
                    </a>
                    <a href="">
                        <img data-lazy-src="./images/c-11weixin.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>


    <script src="./js/content.js"></script>




    <div class="returntopbox">
        <div class="ewm">
            <img src="./images/return-ewm.png" alt="">
            <span style="display: none;">二维码</span>
            <div class="ewm-img">
                <img src="./images/ewm-img-block.jpg" alt="">
            </div>
        </div>
        <div class="returntop">
            <img src="./images/return-top.png" alt="">
        </div>
    </div>

    <footer class="footer">
        <div class="info main">
            <div class="info-top">
                <div class="top-item">
                    <img data-lazy-src="./images/footer-sf.png" alt="">
                    <span>顺丰包邮</span>
                </div>
                <div class="top-item">
                    <img data-lazy-src="./images/footer-sf.png" alt="">
                    <span>顺丰包邮</span>
                </div>
                <div class="top-item">
                    <img data-lazy-src="./images/footer-sf.png" alt="">
                    <span>顺丰包邮</span>
                </div>
                <div class="top-item">
                    <img data-lazy-src="./images/footer-sf.png" alt="">
                    <span>顺丰包邮</span>
                </div>
            </div>
            <div class="info-mid">
                Copyright © 2013-2021上海飞科电器股份有限公司 | 版权所有网站备案/许可证号:沪ICP备13041208号 | 增值电信营业经营许可认证:沪B2 -20160083
                | 沪公网安备31010502001341号
            </div>
            <div class="info-down">
                <div class="down-item item1">
                    <img data-lazy-src="./images/footer-3img1.png" alt="">
                </div>
                <div class="down-item item2">
                    <img data-lazy-src="./images/footer-3img2.png" alt="">
                    <span>上海工商</span>
                </div>
                <div class="down-item item3">
                    <img data-lazy-src="./images/footer-3img3.png" alt="">
                    <span>
                        上海网警
                        <br>
                        网络110
                    </span>
                </div>
                <div class="down-item item4">
                    <img data-lazy-src="./images/footer-3img4.png" alt="">
                    <span>
                        支付宝
                        <br>
                        特约商家
                    </span>
                </div>
            </div>
        </div>
    </footer>

    <div class="denglu" style="display: none;">
        <div class="d-tanchuangbox">
            <div class="d-header">
                <span class="sp1">手机号登录</span>
                <span class="sp2 closebtn">×</span>
            </div>
            <div class="d-body">
                <div class="d-body-info">
                    <form action="" class="dl-biaodan">
                        <div class="phonenumber">
                            <span><img src="./images/dianhua.png" alt=""></span>
                            <input type="text" id="tel_num" name="phonenumber" placeholder="请输入手机号">
                            <div class="tishi-1"></div>
                        </div>

                        <div class="yanzhengbox">
                            <div class="yanzheng">
                                <div class="y-left">
                                    <span><img src="./images/youjian.png" alt=""></span>
                                    <input type="text" id="code_num" placeholder="请输入验证码">
                                </div>
                                <button class="sendCode" type="button">发送验证码</button>
                                <div class="tishi-2"></div>
                            </div>
                        </div>
                        <div class="anniubox">
                            <div class="anniu">
                                <button id="submit" type="button">手机号码快捷登录</button>
                            </div>
                        </div>
                    </form>
                    <p>
                        "登录即表明同意飞科商城"
                        <span>《隐私政策》</span>
                        <span>《隐藏协议》</span>
                    </p>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/login.js"></script>

    <!-- 图片懒加载 -->
    <script src="./js/EasyLazyload.min.js"></script>
    <script>
        lazyLoadInit({
            // coverColor: "white",
            // coverDiv: "<h1>test</h1>",
            // offsetBottom: 0,
            // offsetTopm: 0,
            showTime: 500,
            onLoadBackEnd: function (i, e) {
                // console.log("onLoadBackEnd:" + i);
            }
            , onLoadBackStart: function (i, e) {
                // console.log("onLoadBackStart:" + i);
            }
        });
    </script>
</body>

</html>